<template>
	<article class="col-7 fl">
	  <div class="u-r-cont">
	    <section>
	      <div>
	        <section class="c-infor-tabTitle c-tab-title">
	
	          <a title="签到" class="current">
	            课程签到列表
	          </a>
	        </section>
	      </div>
	      <div class="mt40">
	        <section v-if="StatusList.length === 0" class="no-data-wrap">
	          <em class="icon30 no-data-ico">&nbsp;</em>
	          <span class="c-666 fsize14 ml10 vam">还没有学生签到哦！</span>
	        </section>
	
	        <!-- 表格 -->
	        <el-table
	          v-if="StatusList.length > 0"
	          :data="StatusList"
	          border
	          fit
	          highlight-current-row>
	
	          
	        
	          <el-table-column label="签到学员" align="center">
	            <template slot-scope="scope">
	              {{ scope.row.nickname }}
	            </template>
	          </el-table-column>
	
	        </el-table>
	      </div>
	    </section>
	  </div>
	</article>
</template>

<script>
	import orderApi from '~/api/order'
	export default {
	async asyncData(page) {
		console.log(page.route.params.id);
	  const response = await orderApi.getstatus(page.route.params.id)
	  return {
	    StatusList: response.data.items,
	  }
	},
	  }
</script>

<style>
</style>
